<!-- 底部连接开始 -->
<div class="foot-warp">
    <h3 >免费预约试听</h3>
    <form class="foot-form" action="formCustom/addFormData" method="post" id='tmsLandingForm'>
      <div class="ui-form-item ">
          <div class="input-wrap">
              <input type="text" class="ui-input" name='studentName'placeholder="请填写您的姓名"  id="name">
          </div>    
          <div class="ui-form-explain">请输入姓名</div>
      </div>
      <div class="ui-form-item ">
          <div class="input-wrap">
          <input value="" class="ui-input" type="text" placeholder="请填写您的手机号" id="phone" name='firstPhone'  maxlength="11">
          </div>
          <div class="ui-form-explain ">请输入手机号</div>
      </div>
      <input type='hidden' name='formId' value='6'>
      <div class="ui-form-item">
          <a class="ui-button" id='tmsLandingFormBtn'>立即预约</a>
      </div>
    </form>
    <ul>
      <li><a href="teachers.html">海风师资</a></li>
      <li><a href="research.html">海风教研</a></li>
     
      <li><a href="Online.html">学习中心</a></li>
      <li><a href="cooperation.html">商务合作</a></li>
      <li class="oNborder"><a href="joinUs.html" >加入我们</a></li>
    </ul>
    <p class="mr-top-20">© 2015 hfjy.com All Rights Reserved. 沪ICP备11030714号-1</p>
</div>
<script type='text/javascript'>
$(function(){var adid = location.href.match(/adid=([a-zA-Z0-9]+)/);
    var adidNo='';
    if(adid && adid[1]) { 
        adidNo=adid[1];
    }
    var tmsLandingFormUrl = 'http://i.hfjy.com/landingForm/register?adidNo='+adidNo;
      var oS=$('.ui-form-explain');
    $('#tmsLandingFormBtn').click(function(){
         var phone=$('#phone').val();
         var name=$('#name').val();
         if(!name||name==""){          
             oS[0].style.display="block";  
               return false;
          }
          if(!phone||phone==""){
             oS[1].style.display="block";   
             return false;
          }else if(phone!==""&&!/(^(13|14|15|17|18|)\d{9}$)/.test(phone)){
              oS[1].style.display="block";  
               return false;
          }  
      $('#phone').focus(function(){
        $(oS[1]).hide();
      });
      $('#name').focus(function(){
            $(oS[0]).hide();
      });
        $.ajax({ 
            type : 'post',  
            data : $('#tmsLandingForm').serialize(),
            url : tmsLandingFormUrl,dataType : 'jsonp',
            jsonp: 'callbackparam',
            success : function(json){if(json.error==1) {alert(json.msg);} else {location.href ='http://vip.hfjy.com/thanks';
                }}
        });
    });
})

</script>
<!-- 底部连接结束-->
</section>
<script type="text/javascript">
   
</script>
<footer class="footer clearfix">
    <ul>
        <li class="listen">
            <a href="javascript:;">
                <i class="iconfont">&#xe60c;</i>
                <span>海风热线</span>
            </a>
        </li>
        <li>
            <a href="http://www10.53kf.com/webCompany.php?arg=10069074&amp;style=1&amp;keyword=&amp;kf="  target="_blank"><i class="iconfont">&#xe60b;</i><span>在线咨询</span></a>
        </li>
        <li>
            <a href="http://vip.hfjy.com/stk-m"  target="_blank"><i class="iconfont">&#xe60a;</i><span>免费试听</span></a>
        </li>
        <li>
            <a id="go-to-top" href="javascript:;"><i class="iconfont">&#xe60d;</i><span>回到顶部</span></a>
        </li>
    </ul>
</footer>
<!--地址弹窗 start-->
<div class="popmask listenmask"></div>
<div class=" listen-mian" >
    <p class=" p4">4008-331-112</p>
    <p ><a class="esc">取消</a><a class="span2" href="tel:4008-331-112">呼叫</a></p>
</div>
<script type="text/javascript" src="http://res.m.hfjy.com/js/idangerous.swiper.min.js"></script>
<script type="text/javascript">
    
    $(function(){
        $("#go-to-top" ).click(function(){
            $('html,body' ).stop().animate({scrollTop:0},300);
        })

    })
    $(function(){
        $(".listen").click(function(){
            $(".listenmask").show();
            $(".listen-mian").show();
            
        });
    })
 
     $(".esc").click(function(){
            $(".listenmask").hide();
            $(".listen-mian").hide();
    });
    $(".listenmask").click(function(){
            $(this).hide();
            $(".listen-mian").hide();

    });
</script>

</body>
</html>
